<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>人来人往</title>
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/APlayer.min.css"/>
	</head>
	<body>
		<div id="app">
			<!-- 顶部滚动进度条 -->
			<div class="progress"></div>
			<div class="top">
				<div class="box">
					<a href="index.html">首页</a>
					<a href="#">动态</a>
					<a href="#">音乐盒</a>
					<a href="#">我的笔记</a>
					<div class="dropdown">
					  <span class="dropdown_dow">常用工具</span>
					  <div class="dropdown-content ">
						<a href="#">列表1</a>
						<a href="#">列表2</a>
						<a href="#">列表3</a>
					  </div>
					</div>
					<a href="#">我的游戏</a>
					<a href="#">语录集</a>
					<a href="#">时间轴</a>
					<a href="#">留言板</a>
					<a href="link.html">友情链接</a>
				</div>
				<!-- <div class="QQ">
					<img src="img/QQ-logo.png" alt="">
				</div> -->
			</div>
			<!-- 中部图片and头像 -->
			<div class="content">
				<div class="wall">
					<div class="layui-carousel" id="lunbo" >
					  <div carousel-item>
					    <img src="img/wp_02-1024x288.jpg" >
					    <img src="img/banner3.jpg" >
					  </div>
					</div>
					
					<p>&nbsp;</p>
					<div class="head ">
						<img :src="user.headImg" alt="">
					</div>
					<div class="link" style="height: 6vh;width: 10vw;">
						<div><a href="https://www.jianshu.com/u/03ecacbb2a42" target="_blank"><img src="img/jianshu.jpg"  alt=""></a></div>
						<div><a href="https://gitee.com/cwljxf" target="_blank"><img src="img/mayun.jpg" alt=""></a></div>
						<div><a href="https://github.com/chenweilong1713/" target="_blank"><img src="img/github.jpg" alt=""></a></div>
					</div>
				</div>
			</div>
			<!-- 中下部门，分为三份 -->
			<div class="below" >
				<div  class="below-left" >
					
					
				</div>
				<div class="below-centon animated slideInUp" >
						
				</div>
				<div class="below-right">
					
			</div>
			<br>	
			<div style="text-align: center;">
				<span>Sunshine&nbsp;人来人往&nbsp;&nbsp;&nbsp;</span><a href="http://beian.miit.gov.cn/" style="color: #6D6D6D;">苏ICP备19025063号-2</a>
			</div>
			<br>
			<div id="aplayer"></div>
		</div>
	</body>
	<script src="js/jquery-3.4.1.min.js"></script>
	<script src="js/main.js"></script>
	<script src="layui/layui.js"></script>
	<script src="js/APlayer.min.js"></script>
	<script>
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#lunbo'
		    ,width: '100%' ,//设置容器宽度,
			height:'85%',
			arrow:"none", // 是否显示箭头
			indicator:"none"  //是否显示点点点
		    ,anim: 'updown' //切换动画方式
		  });
		});
		
		
		layui.use('carousel', function(){
		  var carousel = layui.carousel;
		  //建造实例
		  carousel.render({
		    elem: '#inform'
		    ,width: '100%' ,//设置容器宽度,
			height:'38px',
			arrow:"none", // 是否显示箭头
			indicator:"none"  //是否显示点点点
		    ,anim: 'updown' //切换动画方式
		  });
		});
		
	</script>
</html>
